<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%--
  ~ Copyright (c) 2015 -5 - 30  By wupeji QQ:757671834
  ~
  --%>

<%--
  Created by IntelliJ IDEA.
  User: Server
  Date: 2015/5/30
  Time: 18:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>Bootstrap 101 Template</title>

  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->


</head>
<body>
<form:form action="/logout" method="post" name="form1">
  <input type="hidden"
         name="${_csrf.parameterName}"
         value="${_csrf.token}"/>
</form:form>
<div class="container-fluid  bg-success">
  <div class="row text-center ">
    <div class="col-md-4"> <img src="images/logo.png" class="img-responsive" alt="安家无忧"></div>
    <div class="col-md-4"> <h2>福建厦门市阿姨家政公司</h2></div>
    <div class="col-md-4"> <h3>联系电话18084764771</h3></div>
  </div>

</div>
<nav class="navbar navbar-default container-fluid">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">安家无忧
</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>首页 <span class="sr-only">(current)</span></a></li>
        <li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>找服务</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>找工作 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">我是雇主</a></li>
            <li><a href="#">我是服务人员</a></li>
          </ul>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>关于我们 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">公司文化</a></li>
            <li><a href="#">公司宗旨</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">技术支持</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="输入职业">
        </div>
        <button type="submit" class="btn btn-default">查询</button>
      </form>
      <ul class="nav navbar-nav navbar-left">


       <sec:authorize access="isAnonymous()">
         <li>
            <a href="/login.jsp"><span class="glyphicon glyphicon-user"/> 请登录</a>
        </li>
       </sec:authorize>

       <sec:authorize access="hasRole('USER')">
         <li>
        <a href="index.jsp" >欢迎你：<span class="glyphicon glyphicon-user"></span> <sec:authentication property="name"></sec:authentication></a>
         </li>
         <li>
           <a href="javascript:document.form1.submit();">安全退出</a>
        </li>
       </sec:authorize>
        <li><a href="#"><span class="glyphicon glyphicon-shopping-cart"/> 我的订单</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<hr class="bg-info" style="height: 1px"/>




<!--轮播-->
<div id="carousel-example-generic" class="carousel slide container-fluid" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="images/gjb.png" alt="一流技术"  class="img-thumbnail center-block">
      <div class="carousel-caption">
        一流技术
      </div>
    </div>
    <div class="item">
      <img src="images/gjb.png" alt="一流技术"  class="img-thumbnail center-block">
      <div class="carousel-caption">
        一流技术
      </div>
    </div>
    <div class="item">
      <img src="images/gjb.png" alt="一流技术" class="img-thumbnail center-block">
      <div class="carousel-caption">
        一流技术
      </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
<!--轮播结束-->
<div class="panel panel-default ">
  <!--我是雇主我是雇员-->
  <div class="container center-block ">
    <div class="col-md-6"><a href="#"> <img src="images/guzhu.png" class="img-responsive thumbnail" alt="我是雇主"></a></div>
    <div class="col-md-6"><a href="#"> <img src="images/guyuan.png" class="img-responsive thumbnail" alt="我是雇员"></a></div>
  </div>
</div>
<!--我是雇主我是雇员结束-->
<div class="well container-fluid">
  <div class="container center-block">
    <div class="row">
      <div class="col-lg-4 col-md-6">
        <div class="thumbnail">
          <a href="#" class="thumbnail">
            <img src="images/kongtiao.png" data-toggle="modal" data-target="#myModal">
          </a>
          <div class="caption text-center">
            <p><a href="#" class="btn btn-primary" role="button">想要</a></p>
          </div>
        </div>

      </div>
      <div class="col-lg-4 col-md-6">
        <div class="thumbnail">
          <a href="#" class="thumbnail">
            <img src="images/guangdao.png">
          </a>
          <div class="caption text-center">
            <p><a href="#" class="btn btn-primary" role="button">想要</a></p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">

        <div class="thumbnail">
          <a href="#" class="thumbnail">
            <img src="images/baomu.png">
          </a>
          <div class="caption text-center">
            <p><a href="#" class="btn btn-primary" role="button">想要</a></p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="thumbnail">
          <a href="#" class="thumbnail">
            <img src="images/sucai.png">
          </a>
          <div class="caption text-center">
            <p><a href="#" class="btn btn-primary" role="button">想要</a></p>
          </div>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="thumbnail">
          <a href="#" class="thumbnail">
            <img src="images/yuersao.png">
          </a>
          <div class="caption text-center">
            <p><a href="#" class="btn btn-primary" role="button">想要</a></p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="thumbnail">
          <a href="#" class="thumbnail">
            <img src="images/zhongdiangong.png">
          </a>
          <div class="caption text-center">
            <p><a href="#" class="btn btn-primary" role="button">想要</a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--model开始-->
<!-- Modal -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">空调清洗</h4>
      </div>
      <div class="modal-body">
        简介
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" />关闭</button>

      </div>
    </div>
  </div>
</div>
<!--model结束-->
<!--底部联系方式-->
<div class="well"><img src="images/yonghushuliang.png" class="img-responsive center-block"></div>
<!--底部联系方式结束-->
<!-- 友情链接-->
<strong>友情链接:</strong><a href="#">福建师范大学信息技术学院</a>
<div class="container">
  <div class="well text-center">
    关于我们  |   联系我们  |   管家招聘  |   用户协议
  </div>
</div>
<!-- 友情链接结束--->

</div>
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.9.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>

